<template>
  <div>
    表单:<input type="text" v-model="obj.name">
    表单:<input type="text" v-model.number="obj.age">
  </div>
</template>

<script>
export default {
data(){
  return {
   obj:{
    name: "",
    age: "",
   }
  }
},
//   目标: 侦听复杂类型, 或者立即执行侦听函数

// 语法:
//   watch: {
//       "要侦听的属性名": {
  //           deep: true, // 深度侦听复杂类型内变化
  //           immediate: true, // 立即执行
//           handler (newVal, oldVal) {
              
//           }
//       }
//   }
watch:{
   obj:{
    handler (newValue,oldValue) {
     console.log(newValue,oldValue)
   },
   deep:true,  // 深度侦听复杂类型内变化
   immediate: true,  // 立即执行侦听
   },
}
}
</script>

<style>

</style>